<!-- 组件结构 -->
<template>
    <div>
        <img src="../assets/logo.png" alt="">
        <h1>GUGU,this is {{username}}</h1>
        <hr />
        <button @click="showName">提示名称</button>
    </div>
</template>

<script>
//
    export default {
        name:'School',
        data(){
            return{
                username:'SBTX'
            }
        },
        methods: {
            showName(){
                alert(this.username)
            }
        }
    }
</script>

<style>
    /* */
  
</style>